<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://res.wx.qq.com/t/wx_fed/weui-source/res/2.5.10/weui.min.css">
</head>

<body class="df">
    <!-- 主要内容 -->
    <main class="flex os">
        <div class="weui-cells" id="goBtn">
            <!-- 头像 -->
            <div class="weui-cell weui-cell_active weui-cell_access">
                <div class="weui-cell__hd">
                    <img src="../../assets/imgs/dog.jpg" class="headPic" id="avatar" alt="">
                </div>
                <div class="weui-cell__bd"><span id="nickName">用户名</span></div>
                <span class="weui-cell__ft"></span>
            </div>
            <div class="demo_badge_desc" id="signTxt">个性签名:</div>
        </div>
        <!-- 内容 -->
        <div class="weui-cells demo_badge_cells box">
            <div class="weui-cell weui-cell_active weui-cell_access">
                <span class="weui-cell__bd">
                    <span class="demo_badge_title"><img src="../../assets/imgs/daka.png" alt=""> 累计打卡<span
                            class="clounkday">23</span>天</span>
                </span>
                <span class="weui-cell__ft"></span>
            </div>
        </div>
        <!-- 内容 -->
        <div class="weui-cells demo_badge_cells box">
            <div class="weui-cell weui-cell_active weui-cell_access">
                <span class="weui-cell__bd">
                    <span class="demo_badge_title"><img src="../../assets/imgs/dongtai.png" alt="">个人动态</span>
                </span>
                <span class="weui-cell__ft">10条</span>
            </div>
        </div>
        <!-- 内容 -->
        <div class="weui-cells demo_badge_cells box">
            <div class="weui-cell weui-cell_active weui-cell_access">
                <span class="weui-cell__bd">
                    <span class="demo_badge_title"><img src="../../assets/imgs/shujujianguan.png" alt=""
                            class="rundata">运动数据</span>
                </span>
                <span class="weui-cell__ft"></span>
            </div>
        </div>
        <div class="motion-data">
            <ul>
                <li class="allmotion">总运动</li>
                <li><span class="motion-num">99999 </span>分钟</li>
            </ul>
            <ul class="consume">
                <li class="allconsume">本周消耗</li>
                <li class="min"><span class="motion-num">99999 </span>千卡</li>
            </ul>
        </div>
        <!-- 勋章 -->
        <div class="weui-cells demo_badge_cells box">
            <div class="weui-cell weui-cell_active weui-cell_access">
                <span class="weui-cell__bd">
                    <span class="demo_badge_title"><img src="../../assets/imgs/xunzhang.png" alt=""
                            class="rundata">个人勋章</span>
                </span>
                <span class="weui-cell__ft"></span>
            </div>
        </div>
        <div class="medal">
            <ul class="medals">
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </main>
    <!-- 页脚 -->
    <footer id="tabmenu" class="df">
    </footer>
    <!-- 引入weuijs -->
    <script src="https://res.wx.qq.com/t/wx_fed/cdn_libs/res/weui/1.2.8/weui.min.js"></script>
</body>

</html>